import React from 'react'

// vue中 使用 具名插槽（<slot name=""></slot>）
// react 需要依靠 props.children 的下标
const Header = (props) => {
  console.log(props.test)
  return (
    <header>
      <div>这里输出1的值 { props.children[0] }</div>
      <div>这里输出2的值 { props.children[1] }</div>
      <div>这里输出3的值 { props.children[2] }</div>
    </header>
  )
}

class App extends React.Component {
  render () {
    return (
      <div>
        <Header>
          <div>1111111</div>
          <div>2222222</div>
          <div>3333333</div>
        </Header>
      </div>
    )
  }
}

export default App